<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="java.util.List" %>
<%@ page import="java.util.ArrayList" %>
<%@ page import="huang.homework16.Menu" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<% List < Menu> List1=(List<Menu>)request.getAttribute("List1"); %>
<% List < Menu> List2=(List<Menu>)request.getAttribute("List2"); %>
<% List < Menu> List3=(List<Menu>)request.getAttribute("List3"); %>
<% List < Menu> List4=(List<Menu>)request.getAttribute("List4"); %>
<% List < Menu> List5=(List<Menu>)request.getAttribute("List5"); %>
<h1>欢迎来到九转小磨大酒店</h1><br>
<form>
点餐桌号：<input id="dkid" name="desk" type="text" onclick="comment1" onblur="warm1"><br>
用餐人数：<input id="dkid" name="nums" type="text" onclick="comment2" onblur="warm2"><br>
<h2>本店特色</h2><br>
<table border="1">
<tr>
<td>菜名</td>
<td>单价</td>
<td>份数</td>
<td>备注</td>
</tr>

<%for(int i=0;i<List1.size();i++){ %>
<tr>
<th ><%=List1.get(i).getName() %></th>
<th><%=List1.get(i).getPrice() %></th>
<th><select name="nums">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select></th>
<th><p  title="name1"id="<%=List1.get(i).getId() %>" style="display:none" value=<%=List1.get(i).getId() %> onclick="action3(this.value)" ondblclick="action4(this.value)"><%=List1.get(i).getInformation() %></p></th>
</tr>

<%} %>
</table>

</form>
<script type="text/javascript">

function action3(id){
	document.getElementById(id).style.display="inline";
}
function action4(){
	document.getElementById(id).style.display="none";
}
</script>

</body>
</html>